<!DOCTYPE html>
<html
  layout:decorator="components/layout"
  xmlns="http://www.w3.org/1999/xhtml"
  xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
  lang="zh-CN"
>
<head>
  <title>负责人</title>
</head>
<body>
<div
  layout:fragment="content"
  class="container"
  id="app" v-cloak
>
  <div class="container">
    <div class="myHeader">
      <div class="myHeader-title">
        修改负责人信息
      </div>
    </div>
    <table
      width="100%"
      border="0"
      class="el-table el-table--border"
      cellspacing="0"
      cellpadding="0"
    >
      <tbody>
      <tr>
        <td
          width="100"

        >负责人姓名<span style="color:red">*</span></td>
        <td>
          <el-input
            v-model="baseHouseOfficer.name"
            v-validate="'required|max:20'"
            name="name"
            show-word-limit
            maxlength="20"
            placeholder="请填写负责人的姓名"
          ></el-input>
          <div
            id="name_message"
            class="msg"
          >
            <span class="field-error" v-show="errors.has('name:required')">请填写负责人姓名</span>
            <span class="field-error" v-show="errors.has('name:max')">负责人姓名长度最大为 20 位</span>
          </div>
        </td>
      </tr>
      <tr>
        <td>证件类型<span style="color: red">*</span></td>
        <td>
          <el-select
            v-model="baseHouseOfficer.idType"
            name="idType"
          >
            <el-option label="工商营业执照号码" :key="1" :value="1"></el-option>
            <el-option label="身份证" :key="2" :value="2"></el-option>
            <el-option label="组织机构代码证书" :key="3" :value="3"></el-option>
            <el-option label="事业法人证书" :key="4" :value="4"></el-option>
            <el-option label="军队代号" :key="5" :value="5"></el-option>
            <el-option label="社团法人证书" :key="6" :value="6"></el-option>
            <el-option label="护照" :key="7" :value="7"></el-option>
            <el-option label="军官证" :key="8" :value="8"></el-option>
            <el-option label="台胞证" :key="9" :value="9"></el-option>
            <el-option label="其他" :key="999" :value="999"></el-option>
          </el-select>
        </td>
      </tr>
      <tr>
        <td>证件号码<span style="color:red">*</span></td>
        <td>
          <el-input
            v-model="baseHouseOfficer.idNumber"
            v-validate="'required|max:32'"
            name="id"
            maxlength="32"
            show-word-limit
            placeholder="请填写您的证件号码"
          ></el-input>
          <div
            id="id_message"
            class="msg"
          >
            <span class="field-error" v-show="errors.has('id:required')">请填写您的证件号码</span>
            <span class="field-error" v-show="errors.has('id:max')">证件号码长度最大为 32 位</span>
          </div>
        </td>
      </tr>
      <tr>
        <td>固定电话<span style="color:red">*</span></td>
        <td>
          <el-input
            v-model="baseHouseOfficer.tel"
            v-validate="'required|max:32|tel'"
            name="tel"
            maxlength="32"
            show-word-limit
            placeholder="请填写您的固定电话"
          ></el-input>
          <div
            id="tel_message"
            class="msg"
          >
            <span class="field-error" v-show="errors.has('tel:required')">请填写您的固定电话</span>
            <span class="field-error" v-show="errors.has('tel:max')">固定电话长度最大为 32 位</span>
            <span class="field-error" v-show="errors.has('tel:tel')">{{ errors.first('tel')}}</span>
          </div>
        </td>
      </tr>
      <tr>
        <td>移动电话<span style="color:red">*</span></td>
        <td>
          <el-input
            v-model="baseHouseOfficer.mobile"
            v-validate="'required|max:32|mobile'"
            name="mobile"
            maxlength="32"
            show-word-limit
            placeholder="请填写您的移动电话"
          ></el-input>
          <div
            id="mobile_message"
            class="msg"
          >
            <span class="field-error" v-show="errors.has('mobile:required')">请填写您的移动电话</span>
            <span class="field-error" v-show="errors.has('mobile:max')">移动电话长度最大为 32 位</span>
            <span class="field-error" v-show="errors.has('mobile:mobile')">{{ errors.first('mobile')}}</span>
          </div>
        </td>
      </tr>
      <tr>
        <td>邮箱<span style="color:red">*</span></td>
        <td>
          <el-input
            v-model="baseHouseOfficer.email"
            v-validate="'required|max:64|email'"
            name="email"
            maxlength="64"
            show-word-limit
            placeholder="请填写您的邮箱"
          ></el-input>
          <div
            id="email_message"
            class="msg"
          >
            <span class="field-error" v-show="errors.has('email:required')">请填写您的邮箱</span>
            <span class="field-error" v-show="errors.has('email:max')">移动电话长度最大为 64 位</span>
            <span class="field-error" v-show="errors.has('email:email')">[邮箱] 格式错误，示例: [rx@liuli.com]</span>
          </div>
        </td>
      </tr>
      </tbody>
    </table>
    <div align="center">
      <el-button
        @click="update"
        type="primary"
      >确认
      </el-button>
      <el-button
        @click="_forward('/basic-data/admin_officer');"
      >返回
      </el-button>
    </div>
  </div>
</div>
<div layout:fragment="js">
  <script src="/static/js/module/basic-data/model/BaseHouseOfficer.js"></script>
  <script src="/static/js/module/basic-data/api/baseHouseOfficerApi.js"></script>
  <script src="/static/js/module/basic-data/modify/admin_officer_modify.js"></script>
</div>
</body>
</html>
